<!DOCTYPE HTML>
<html>
	<head>
		<title>touch事件测试</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />
		<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
		<script src="js/lib/jquery.mobile-1.0beta1.js"></script>
		<script src="js/lib/com.noclickdelay.js"></script>
		<script src="js/jf.core.js"></script>
		<script src="js/vip.base.js"></script>
		<style type="text/css">
		.pressed{color:red;}
		</style>
	</head>
	<body>
		<div id="p1" data-role="page">
			<div data-role="header">
				<h1>页面1</h1>
			</div>
			
			<div data-role="content">
				<button class="btn_nav" data-rel="p2">查看页面2</button>
			</div>
		</div>

		<div id="p2" data-role="page">
			<div data-role="header">
				<h1>页面2</h1>
			</div>
			
			<div data-role="content">
				<button class="btn_nav" data-rel="p3">查看页面3</button>
			</div>
		</div>

		<div id="p3" data-role="page">
			<div data-role="header">
				<h1>页面3</h1>
			</div>
			
			<div data-role="content">
				<button class="btn_nav" data-rel="p1">查看页面1</button>
			</div>
		</div>
		<div class="nav_gb" style="position:absolute;top:0;left:0">
			<a id="res" style="color:red;">xxx</a>
		<div>

		<script type="text/javascript">

			$(function(){
				var toPage=function(id){
					JF.tuan.timer.stop();
					$("#res").html(JF.tuan.timer.val());
					$.mobile.changePage($("#"+id));
				};
				$(".btn_nav").each(function(i,o){
					new NoClickDelay(o);
					o.addEventListener("touchstart",function(e){
						JF.tuan.timer.reset().start();
						alert(0);
					},false);
				}).click(function(e){
					alert(1);
					toPage(this.getAttribute("data-rel"));
				});
			});

		</script> 

	</body>
</html>